<div id="content">
    <h5 class="accept_task">
        <i class="fa fa-tree"></i><strong>个人信息</strong>
    </h5>
<section id="widget-grid">
    <div class="row" style="margin-bottom: 13px; margin-right:0;">
        <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sortable-grid ui-sortable">
            <!-- Widget ID (each widget will need unique ID)-->
            <div data-widget-editbutton="false" data-widget-color="white" data-widget-deletebutton="false" data-jarvis-widget="" class="jarviswidget-color-darken jarviswidget jarviswidget-sortable no-margin jarviswidget-color-white" role="widget">
                <header role="heading" class="ui-sortable-handle">
                    <div class="jarviswidget-ctrls" role="menu"></div>

                    <h2 style="font-weight: normal;color: black;"><i class="fa fa-user"></i>个人资料</h2>

                </header>
                <!-- widget div-->
                <div role="content" style="display: block; padding: 50px">

                    <!-- widget edit box -->
                    <div class="jarviswidget-editbox">
                        <!-- This area used as dropdown edit box -->
                        <input class="form-control" type="text">
                    </div>
                    <!-- end widget edit box -->

                    <!-- widget content -->
                    <div class="widget-body no-padding"><div class="jarviswidget-editbox"><input class="form-control" type="text"></div>
                        <div class="row border-bottom-user">
                            <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-align-left" id="crop-avatar">
                                <div class="text-align-center perUser_img avatar-view" title="我的头像">
                                    <img src="{{user.picture_url}}"/>
                                </div>
                                

                            </div>
                            <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
                                <div class="perUser_info">
                                    <h6 class="perUser_head">
                                        <i class="fa fa-user"></i><span class="margin-left-10 margin-right-5 preUser_name">{{user.name}}</span>
                                        <div style="position: relative;display: inline-block">
                                            <a href="javascript:void (0)" class="edil_name txt-color-blueDark" title="修改用户昵称">
                                                <i class="glyphicon1 glyphicon glyphicon-edit" ></i>
                                            </a>
                                            <div class="edil_name_txt_box">
                                                <div style="width: 59%; display: inline-block">
                                                    <input type="text" class="form-control edil_name_txt">
                                                </div>
                                                <button class="btn btn-primary btn-sm btn_submit" ng-click ="edit_username()"><i class="glyphicon glyphicon-ok"></i></button>
                                                <button class="btn btn-default btn-sm btn_cancel"><i class="glyphicon glyphicon-remove"></i></button>
                                            </div>
                                        </div>
                                        <!-- <a class="btn btn-primary check-resuem" href="javascript: void(0)" ng-click>查看简历</a> -->
                                        <!-- <span class="margin-left-10">项目经理</span>丨<span>工程部</span> -->
                                    </h6>
                                    <p class="margin-top-18">
                                        <strong>登录账号：</strong><strong>{{user.id}}</strong>
                                    </p>
                                    <p class="margin-top-18">
                                        <strong>客户名称：</strong><strong>{{user.clientname}}</strong>
                                    </p>
                                    <div class="margin-top-18" style="margin-bottom: 9px;position: relative">
                                    
                                        <strong>手机号码：</strong><strong class="preUser_call">{{user.tele}}</strong>
                                    
                                        <a href="javascript:void (0)" class="edil_call txt-color-blueDark" title="修改手机号码">
                                            <i class="glyphicon1 glyphicon glyphicon-edit"></i>
                                        </a>
                                        <div class="edil_call_txt_box">
                                            <div style="width: 67%; display: inline-block">
                                                <input type="text" class="form-control edil_call_txt">
                                            </div>
                                            <button class="btn btn-primary btn-sm call_submit" ng-click="edit_phone()"><i class="glyphicon glyphicon-ok"></i></button>
                                            <button class="btn btn-default btn-sm call_cancel"><i class="glyphicon glyphicon-remove"></i></button>
                                        </div>
                                    </div>
                                    <p class="margin-top-18">
                                        <strong>注册时间：</strong><strong>{{user.timefrom}}</strong> 
                                    </p>
                                </div>
                            </div>
                        </div>
                        <!-- 油库！不修改账号密码 -->
                        <!-- <div class="row border-bottom-user padding-bottom-13">
                            <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                                <strong>您当前账号安全度</strong>
                            </div>
                            <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
                                <div class="line_box">
                                    <div class="perUser_Line"></div>
                                </div>
                                <strong style="margin-left: 50px">安全级别:</strong> <strong style="color: #558987;">强</strong>
                            </div>
                        </div>
                        <div class="row border-bottom-user padding-bottom-13">
                            <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                                <strong>登录密码</strong>
                            </div>
                            <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
                                <strong class="font-sm" style="color: #777;">安全性能高的密码可以使账号更安全，建议您定期更换密码，设置一个包含字母，符号或数字中至少两项且长度超过6位的密码。</strong>
                            </div>
                            <div class="col-xs-2 c	ol-sm-2 col-md-2 col-lg-2">
                                <strong style="color: #3E8E8C;"><i class="glyphicon glyphicon-check spa"></i> <strong>已设置</strong></strong>丨<a style="color: #5D92D9; font-weight: 700" data-ui-sref="app.user.modifyInformation">修改</a>
                            </div>
                        </div> -->
                    </div>
                    <!-- end widget content -->

                </div>
                <!-- end widget div -->
                
                
            </div>
        </article>
    </div>
</section>


<script>
    // 修改个人名称
    $(".edil_name").click(function(){
        $(".edil_name_txt_box").toggle();
    });

    $(".btn_cancel").click(function(){
        $(".edil_name_txt_box").hide();
        $(".edil_name_txt").val("");
    });

    // 修改手机号码
    $(".edil_call").click(function(){
        $(".edil_call_txt_box").toggle();
    });
    
    $(".call_cancel").click(function(){
        $(".edil_call_txt_box").hide();
        $(".edil_call_txt").val("");
    });

    // 绑定手机
    $(".call_bind").text($(".preUser_call").text());
    
    // 修改qq号码
    $(".edil_qq").click(function(){
        $(".edil_qq_txt_box").toggle();
    });
    
    $(".qq_cancel").click(function(){
        $(".edil_qq_txt_box").hide();
        $(".edil_qq_txt").val("");
    });
    

</script>
</div>